<template>
<div>
	<app_sxFilter  ref="uni_tab" :tabCur.sync="tabActive" :active.sync="active"
				   :tab-list="tabList"  :navList="navList" :contentList="contentList"
				   @change="changeFN"  @choseNav='choseNav'  @choseContent='choseContent' >
	</app_sxFilter>

</div>
</template>

<script>
import app_sxFilter from '@/components/app-sxFilter/app_sxFilter.vue'
export default {
	name: 'app-slFilter',
	components: {
		app_sxFilter
	},

	data() {
		return {
			active: false,
			tabActive: 0,
			tabList: [{ name: '出售中' }, { name: '已下架' }, { name: '货源中心1' }],
			navList: [{ name: '全部' }, { name: '全部22' }, { name: '全部22' }, { name: '全部22' }],
			propKey: { 'navKey': 'name1' },
			contentList: [{ name: '全部' }, { name: '全部22' }, { name: '全部22' }]
		}
	},
	methods: {
		changeFN(index) {
		    console.log(index, this.active)
		    this.$emit('update:tabCur', index)
		    this.$emit('change', index)
		},
		choseNav(item) {
		    console.log(item)
		},
		choseContent(item) {
			console.log(item)
		}
	}
}
</script>

<style scoped>

</style>
